/**
 * Created by sfr on 2017/10/10.
 */
import React from "react";
import { routerRedux } from 'dva/router';
import {connect} from "dva";
import moment from 'moment';
import {Tabs, Flex, List, WhiteSpace, Icon, Progress} from "antd-mobile";
import styles from './myActivity.less'
const empty = require('is-empty');

import new1 from '../../../../assets/mine/new1.jpg';

class MyActivity extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
    };
  }
  //==生命周期--页面渲染
  render() {
    return (
      <div className='myActivity'>
				{/*活动第一条*/}
        <Flex justify='between' align='top' style={{borderTop: '0.01rem solid #ddd',boxSizing: 'border-box',width: '100%',padding: '0.3rem 0.3rem',background: '#fff'}}>
          <div style={{width: '30%'}}>
            <img
              src={new1}
              alt=""
              style={{width: '100%',height: '1.5rem',verticalAlign: 'top'}} />
          </div>
          <div style={{width: '65%',height: '1.5rem',position: 'relative'}}>
            <div style={{width: '100%',height:'0.9rem',lineHeight:'0.45rem',fontSize: '0.36rem',letterSpacing: '0.02rem',overflow: 'hidden'}}>
              庆祝中国人民解放军建军90周年大会在京隆重举行
            </div>
            <div style={{marginTop:'0.3rem',color: '#6eb8ff',fontSize: '0.28rem'}}>
              未开始
            </div>
          </div>
        </Flex>
        {/*活动第一条*/}
        <Flex justify='between' align='top' style={{borderTop: '0.01rem solid #ddd',boxSizing: 'border-box',width: '100%',padding: '0.3rem 0.3rem',background: '#fff'}}>
          <div style={{width: '30%'}}>
            <img
              src={new1}
              alt=""
              style={{width: '100%',height: '1.5rem',verticalAlign: 'top'}} />
          </div>
          <div style={{width: '65%',height: '1.5rem',position: 'relative'}}>
            <div style={{width: '100%',height:'0.9rem',lineHeight:'0.45rem',fontSize: '0.36rem',letterSpacing: '0.02rem',overflow: 'hidden'}}>
              庆祝中国人民解放军建军90周年大会在京隆重举行
            </div>
            <div style={{marginTop:'0.3rem',color: '#6eb8ff',fontSize: '0.28rem'}}>
              未开始
            </div>
          </div>
        </Flex>
        {/*活动第二条*/}
        <Flex justify='between' align='top' style={{borderTop: '0.01rem solid #ddd',boxSizing: 'border-box',width: '100%',padding: '0.3rem 0.3rem',background: '#fff'}}>
          <div style={{width: '30%'}}>
            <img
              src={new1}
              alt=""
              style={{width: '100%',height: '1.5rem',verticalAlign: 'top'}} />
          </div>
          <div style={{width: '65%',height: '1.5rem',position: 'relative'}}>
            <div style={{width: '100%',height:'0.9rem',lineHeight:'0.45rem',fontSize: '0.36rem',letterSpacing: '0.02rem',overflow: 'hidden'}}>
              庆祝中国人民解放军建军90周年大会在京隆重举行
            </div>
            <div style={{marginTop:'0.3rem',color: '#999',fontSize: '0.28rem'}}>
              已结束
            </div>
          </div>
        </Flex>
        {/*活动第二条*/}
        <Flex justify='between' align='top' style={{borderTop: '0.01rem solid #ddd',boxSizing: 'border-box',width: '100%',padding: '0.3rem 0.3rem',background: '#fff'}}>
          <div style={{width: '30%'}}>
            <img
              src={new1}
              alt=""
              style={{width: '100%',height: '1.5rem',verticalAlign: 'top'}} />
          </div>
          <div style={{width: '65%',height: '1.5rem',position: 'relative'}}>
            <div style={{width: '100%',height:'0.9rem',lineHeight:'0.45rem',fontSize: '0.36rem',letterSpacing: '0.02rem',overflow: 'hidden'}}>
              庆祝中国人民解放军建军90周年大会在京隆重举行
            </div>
            <div style={{marginTop:'0.3rem',color: '#999',fontSize: '0.28rem'}}>
              已结束
            </div>
          </div>
        </Flex>
      </div>
    );
	}
	//==组件所有函数
	//table点击函数
	handleTabClick = (key) => {
		console.log('onTabClick', key);
  }
}

function mapStateToProps({ myrelease }){
  return {
    myrelease
	};
}
export default connect(mapStateToProps)(MyActivity);


